<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./0907day/css/bootstrap.css">
    <script src="./0907day/js/jquery.min.js"></script>
    <script src="./0907day/js/popper.min.js"></script>
    <script src="./0907day/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./0907day/css/animate.min.css">
    <style>
        .box {
            background: url("http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/slider/slider-bg.jpg")no-repeat 0px 0px;
            /* background-size: cover; */
            height: 600px;
            overflow: hidden;
        }
        .a1 {
            margin-left: 174px;
            margin-top: 30px;
        }

        .a1 img {
            margin-left: 400px;
            margin-top: -70px;
        }

        .a2 {
            color: #e9e9e9;
            margin-left: 150px;
            margin-top: -70px;
        }
        .overview-content{
            margin-left: 155px;
        }
        .a3{
            margin-left: 100px;
        }
        .overview-img{
            margin-left: 800px;
            margin-top: -375px;
        }
        .a4{
            background-image: url("http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/banner/banner-4.jpg");
            background-size: cover;
            height: 850px;
        }
        .a5{
          padding: 10% 9%;
          
        }
    .a6{
        margin-top: -500px;
        margin-left: 950px;
        width: 30%;
    }
    .C2{
        background-color: #FFFFFF;
        color: #000123;
        padding: 8PX 25PX 10PX;
        font-size: 18PX;
        line-height: 3;
        margin-left: 180PX;
    }
    .a8{
        display: flex;
        padding: 60px 13%;
        
    }
    .a8 a{
        color: #353535;
        font-size: 24px;
        text-decoration: none;
        border-bottom:10px ;

    }
  
    #ft1 {
            height: 161px;
            /* border: 1px solid red; */
            background: url(./img/foot_bg.jpg);
        }

        #ft11 {
            display: flex;
            justify-content: space-evenly;
        }

        #ft11 div {
            height: 122px;
            width: 238px;
            /* border: 1px solid red; */
        }

        .ft111 img {
            margin-top: 10%;
        }

        #ft2 {
            margin-top: 2%;
            height: 307px;
            /* border: 1px solid red; */
          


        }

        #ft22 div {
            width: 18%;
            margin-left: 35px;
            /* border: 1px solid red; */

        }

        #ft22 div ul li {
            margin: -3px;
            
        }

        #ft22 div ul li a {
            font-size: 12px;
            color: black;
        }

        #汽车之家 {
            color: #8d8d8d;
            font-size: 12px;
        }
    </style>
</head>

<body>
    <div class="navbar navbar-light bg-light navbar-expand-lg">
        <a href="./项目首页.html" class="navbar-brand">CRENTAL</a>
        <button data-toggle="collapse" data-target="#bar1" class="navbar-toggler">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div id="bar1" class="collapse navbar-collapse animated bounceInLeft">
            <ul class="navbar-nav">
                <li class="nav-tiem"><a href="#lunbo" id="a1" class="nav-link">轮播</a></li>
                <li class="nav-tiem"><a href="#deals" id="a2" class="nav-link">品牌</a></li>
                <li class="nav-tiem"><a href="#cars" id="a3" class="nav-link">车展</a></li>
                <li class="nav-tiem"><a href="#about" id="a4" class="nav-link">扩展</a></li>
                <li class="nav-tiem"><a href="./摩托车.html" class="nav-link">摩托</a></li>
                <li class="nav-tiem"><a href="./跨戳/quachuo.html" class="nav-link">跨戳</a></li>
                <li class="nav-tiem"><a href="./关于介绍/index.html" class="nav-link  navbar">关于我们</a></li>
                <li class="nav-tiem"><a href="./新闻资讯/xinwen.html" class="nav-link">新闻资讯</a></li>
                <li class="nav-tiem"><a href="./买车页面/1.html" class="nav-link">我要买车</a></li>
                <li class="nav-tiem"><a href="./卖车页面.html" class="nav-link">我要卖车</a></li>
                <li class="nav-tiem"><a href="私人订制.html" class="nav-link">私人订制</a></li>
                <li class="nav-tiem"><a href="./联系我们/index.html" class="nav-link">联系我们</a></li>
                <li class="nav-tiem"><a href="./3D/3D相册.html" class="nav-link">3D效果图</a></li>
                <li class="nav-tiem"><a href="登录注册.html" class="nav-link">登录/注册</a></li>


            </ul>
        </div>
    </div>
    </div>

    <div class="box">
            <div class="carousel-inner text-center">
                <div class="carousel-item active"><img class="w-75 animated bounceInLeft" height="585" width="778"
                        src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/slider/bike-1.png" alt="">
                </div>
            </div>
        </div>

        
        <div class="a1">
            <h6>BOOK YOUR BIKE INSTANTLY AND ENJOY DISCOUNT</h6>
            <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/icon-img/bike.png" alt="">
        </div>
        <div class="a2">
            <h2 style="font-size: 200px;">MOTORCYCLE</h2>
        </div>
    </div>



    <div class="c1">
        <div class="col-lg-6 col-md-12">
            <div class="overview-content">
                <h1>
                    <span style="color: #ffb52f;">OSWAN</span>
                    WORLD MOST
                </h1>
                <h2>
                    LATGEST 
                    <span>MOTORCYCLE</span>
                </h2>
                <p>
                    the most latgest bike store in the wold can serve you latest
                    qulity of motorcycle also you can sell here your motorcycle it quo minus iduod maxie placeat
                    facere possimus, omnis voluptas assumenda est, omnis dolor llendus. Temporibus autem quibusdam
                </p>
                <h3 style="color:#003212">HAVE ANY QUESTION?</h3>
                <img src="./img/QQ图片20211210172022.png" alt="">
            </div>
        </div>
        <div class="col-lg-6 col-md-12">
          <div class="overview-img">
         <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/banner/banner-1.png" alt="">
          </div>
        </div>
    </div>

  <div class="a4">
    <div class="a5">
  <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/banner/banner-2.png" alt="">
    


  <div class="a6">
    <h1  style="color:#e9e9e9 ; font-size: 36px;">
        <span style="margin-left: 88PX;">LATEST OFFERE </span>
        <br>
        FOR POPULAR BIKES
    </h1>
  <p style="color:#e9e9e9 ;">
    <span style="font-size: 25px;">OSWAN </span>the most latgest bike store in the wold can serve you latest
    qulity of motorcycle also you can sell here your motorcycle it quo minus iduod maxie placeat
    facere possimus, omnis voluptas assumenda est, omnis dolor llendus. Temporibus autem quibusdam
</p></span>
  
    <h3 style="color:#e9e9e9; font-size: 38px; margin-left: 80px;" >NOW AT 
        <span style="color: #ffb52f;">$1250</span>
    </h3>
  <span style="color:#e9e9e9; font-size: 18px; margin-left: 220px;">35%DISCOUNT</span>
  <a href="#" class="C2" style="text-decoration: none;">SELECT A  BIKE</a>
</div>
    </div> 
  
  </div>

  <div class="a7">
      <div class="text-center">
   <h1>BLOG POST</h1>
   <span style="font-size: 16px;">OSWAN </span>the most latgest bike store in the wold can serve you latest
   <br>
   qulity of motorcycle also you can sell here your motorcycle
  </div>
  <div class="a8">
      <div>
          <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/blog/blog-hm-1.jpg" style="margin-right: 25px;" alt="">
          <a href="">Sports Motorbike for play in desert</a>
          <span style="font-size: 16px;">OSWAN </span>the most latgest bike store in the wold can serve you latest qulity of motorcycle soucan sell here your motorcycle it quo
      </div>
      <div>
        <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/blog/blog-hm-2.jpg" style="margin-right: 25px;" alt="">
        <a href="">Motorbike Racing at October FONT</a>
        <span style="font-size: 16px;">OSWAN </span>the most latgest bike store in the wold can serve you latest qulity of motorcycle soucan sell here your motorcycle it quo
    </div>
    <div>
        <img src="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0916-9/assets/img/blog/blog-hm-3.jpg" alt="">
        <a href="">Latest Motorbike Release this Year</a>
        <span style="font-size: 16px;">OSWAN </span>the most latgest bike store in the wold can serve you latest qulity of motorcycle soucan sell here your motorcycle it quo
    </div>
  </div>
</div>
  

<div id="footer">
    <div id="ft1">
        <div id="ft11" class="container">
            <div class="ft111 text-center">
                <div><img src="./img/db1.png" alt=""></div>
                <div class=" text-white">365项检测认证</div>
            </div>
            <div class="ft111 text-center">
                <div><img src="./img/db2.png" alt=""></div>
                <div class=" text-white">5000公里无需保养</div>
            </div>
            <div class="ft111 text-center">
                <div><img src="./img/db3.png" alt=""></div>
                <div class=" text-white">1年或两万公里无忧质保</div>
            </div>
            <div class="ft111 text-center">
                <div><img src="./img/db4.png" alt=""></div>
                <div class=" text-white">7天无忧退换</div>
            </div>
            <div class="ft111 text-center">
                <div><img src="./img/db5.png" alt=""></div>
                <div class=" text-white">置换有增值</div>
            </div>
        </div>
    </div>


    <div id="ft2" class="container">
        <div id="ft22" class="row">
            <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6 ">汽车之家承诺
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="" class="nav-link navbar-text">365项严苛检测</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">5000公里无需保养</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">一年或两万公里质保</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">7天退换</a></li>
                </ul>
            </div>

            <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">买卖二手车指南
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="" class="nav-link navbar-text">“禁止长时间停车”到底能</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">20年前开桑塔纳的大款们，</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">豪华入门跨界车之争,奔驰G</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">像初恋一样爱它，该给它怎</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">常开车不等于会开车 你的</a></li>
                </ul>
            </div>

            <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">售后服务

                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="" class="nav-link navbar-text">24小时道路救援</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">豪车凹陷修复</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">定期上门维修保养服务</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">预约保养工时优惠</a></li>
                </ul>

            </div>

            <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">关于汽车之家
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家动态</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家荣誉</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">汽车之家优势</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">联系汽车之家</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">评估团队</a></li>
                </ul>

            </div>

            <div class="h5 col-sm-6 col-md-4 col-lg-2 col-6">汽车之家文化
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="" class="nav-link navbar-text">诚·立中原</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">信·立天下</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">改变、规范、引领一方市场</a></li>
                    <li class="nav-item"><a href="" class="nav-link navbar-text">颠覆中原人购车理念</a></li>
                </ul>

            </div>

        </div>
        <div id="汽车之家">
            Copyright © 2020 All Rights Reserved 河南汽车之家有限公司 版权
            <br>
            所有 豫ICP备汽车之家号
            地址：汽车之家 服务热线：汽车之家
        </div>
    </div>
</body>

</html>